<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>
	<script th:src="@{js/jquery-1.7.2.min.js}"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script>
        var url = window.location.href;
        var timestamp;
        var noncestr;
        var appId;
        //获取签名
		$.ajax({
			url: "/wechat/getJssdkSignature",
			type: "POST",
			dataType: "json",
			async: false,
			data: {url:url},
			cache: true,
			success: function(data){
				alert(data);
				timestamp=data.timestamp;
				noncestr=data.noncestr;
				signature=data.signature;
				appId=data.appId;
                wxShare();
			}
		});
        function wxShare(){
            wx.config({
                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId:appId, // 必填，公众号的唯一标识
                timestamp:timestamp , // 必填，生成签名的时间戳
                nonceStr:noncestr, // 必填，生成签名的随机串
                signature:signature,// 必填，签名，见附录1
                jsApiList:[ 'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQZone','onMenuShareQQ','onMenuShareWeibo']
            });
        }
        wx.ready(function () {
            // 在这里调用 API
            wx.onMenuShareTimeline({
                title: '【微信网页OAuth2.0授权之微信jssdk分享-程序媛】', // 分享标题
                desc:"这个微信网页授权栗子我是在百忙之中写的 有不足之处还望多多谅解!嘻嘻",
                link: 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx292e1dfb5c3648d4&redirect_uri=http%3A%2F%2F13786147292.tunnel.2bdata.com%2FWeixinAuthorizeServlet%2FwxUserServlet%3Fmethod%3DloginPage&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect', // 分享链接
                imgUrl: 'http://13786147292.tunnel.2bdata.com${pageContext.request.contextPath}/plugins/image/head.jpg', // 分享图标
                success: function () {
                    alert('分享到朋友圈成功！');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareAppMessage({
                title: '【微信网页OAuth2.0授权之微信jssdk分享-程序媛】', // 分享标题
                desc:"这个微信网页授权栗子我是在百忙之中写的 有不足之处还望多多谅解!嘻嘻",
                link: ' http://13786147292.tunnel.2bdata.com/WeixinAuthorizeServlet/wxUserServlet?method=loginPage', // 分享链接
                imgUrl: 'http://13786147292.tunnel.2bdata.com${pageContext.request.contextPath}/plugins/image/head.jpg', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    alert('分享给微信朋友成功!');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({//分享到qq空间
                title: '【微信网页OAuth2.0授权之微信jssdk分享-程序媛】', // 分享标题
                desc:"这个微信网页授权栗子我是在百忙之中写的 有不足之处还望多多谅解!嘻嘻",
                link: 'http://1805b684.nat123.net/zlkjcms/xuexiao/162.html', // 分享链接
                imgUrl: 'http://13786147292.tunnel.2bdata.com${pageContext.request.contextPath}/plugins/image/head.jpg', // 分享图标
                success: function () {
                    alert('分享成功!');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareQQ({//分享到qq空间
                title: '【微信网页OAuth2.0授权之微信jssdk分享-程序媛】', // 分享标题
                desc:"这个微信网页授权栗子我是在百忙之中写的 有不足之处还望多多谅解!嘻嘻",
                link: 'http://1805b684.nat123.net/zlkjcms/xuexiao/162.html', // 分享链接
                imgUrl: 'http://13786147292.tunnel.2bdata.com${pageContext.request.contextPath}/plugins/image/head.jpg', // 分享图标
                success: function () {
                    alert('分享成功!');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareWeibo({//分享到腾讯微博
                title: '【微信网页OAuth2.0授权之微信jssdk分享-程序媛】', // 分享标题
                desc:"这个微信网页授权栗子我是在百忙之中写的 有不足之处还望多多谅解!嘻嘻",
                link: 'http://1805b684.nat123.net/zlkjcms/xuexiao/162.html', // 分享链接
                imgUrl: 'http://13786147292.tunnel.2bdata.com${pageContext.request.contextPath}/plugins/image/head.jpg', // 分享图标
                success: function () {
                    alert('分享成功!');
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

        });


        wx.error(function(res){
            alert("验证失败！");
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });
	</script>
</head>
<body>
	<input id="but_save"/>
</body>
</html>